@font-face {
  font-family: 'Race';
  src: url('../fonts/KITCHENPOLICE-webfont.eot');
  src: url('../fonts/KITCHENPOLICE-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/KITCHENPOLICE-webfont.woff') format('woff'),
    url('../fonts/KITCHENPOLICE-webfont.ttf') format('truetype'),
    url('../fonts/KITCHENPOLICE-webfont.svg#KitchenpoliceRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
body
{
  background: #ebebeb;
  color: #424242;
  font-size: 16px;
  font-family: calibri;
  margin: 0px;
  padding: 0px;
  margin-bottom: 4em;
}
header
{
  background: #22242b;
  background: -webkit-linear-gradient(rgb(96,119,138),black);
  background: -moz-linear-gradient(rgb(96,119,138),black);
  background: -o-linear-gradient(rgb(96,119,138),black);  
  min-height: 40px;
  text-align: left;
}
h1
{
  /*color: #ffffff;*/
  color: rgba(8, 207, 252, 0.5); 
  font-size: 3em;
  font-family: 'Race';
  margin: 0px;
  text-shadow: #6374AB 2px -2px 2px; 
  width: 60%;  
  /*  border: 4px solid white;*/
  vertical-align: top;
  display: inline-block;
  min-width: 4.2em;
  margin-left: 1%;
}
#chat
{
  border-width: 1em;
  border-style: solid;
  border-color: #222329;
  /*background: white;
  border-width: 0.8em;
  border-style: dashed;
  border-color: rgb(125,119,138);*/
  border-radius: 0.2em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  -o-border-radius: 1em;
  width: 22%;  
}


#mainPanel
{
  /*border-width: 1px;
  border-style: solid;
  border-color: white;*/
  width: 71%;
  display: inline-block;
  margin-right: 1em;
  padding: 1em;
}
#subtitulo
{
  color: white;
  font-size: 1.2em;
  margin: 0em auto;
  width: 8em;
  text-shadow: #6374AB 3px -3px 3px; 
  /*transform:rotate(-2deg);
  -moz-transform:rotate(-2deg); /* Firefox 
  -webkit-transform:rotate(-2deg); /* Safari and Chrome 
  -o-transform:rotate(-2deg);*/
}
#login
{  
  width: 38%;
  color: #d9ddeb;
  display: inline-block;
  vertical-align: top;
  min-width: 10em;
}
#logoutButton
{   
  display: inline-block;
  text-align: right;
}
#logo
{
  display: inline-block;
  vertical-align: top;
  width: 30%;
}
#logo img
{
  max-width: 21em;
  min-width: 15em;
  width: 100%;
}
#register
{
  display: inline-block;
  text-align: right;
  font-size: 1.5em;
  min-width: 22em;
  padding-top: 5em;
  vertical-align: top;
  width: 55%;   
}
#register div
{  
  min-width: 19em;
  margin: 0.5em;
  width: 75%
}

#searcher
{  
  display: inline-block;
  vertical-align: top;
  width: 30%;
  min-width: 14em;
}
#newEntry
{  
  text-align: center;
  border: 0.5em solid;
  border-color: rgba(108,108,108,0.6);
  padding-bottom: 0.3em;
  border-radius: 0.5em;
  margin-bottom: 0.5em;
}
#timeline
{
  display: inline-block;
  vertical-align: top;
  width: 45%;
}
#usermenu
{
  display: inline-block;
  vertical-align: top;
  width: 20%;
}
#chat
{
  display: inline-block;
  vertical-align: top;
  border-color: rgba(108,108,108,0.6);
  border-width: 0.5em;
  width: 29%;
  padding: 0.5em;
  margin: 0.5em;
  margin-top: 3em;
}
.post_item
{
  background-color: white;
  margin:0px;
  padding:  0.5em;
  border-radius: 0.5em;
  border-color: rgb(108,108,108);
  border-bottom: 1px solid #dddddd; 
  text-align: left;
}
.post_item_toolbar
{
  
  margin: 0px;
  padding: 0px;
  background-color: #dddddd;
  text-align: center;
}
.post_item_button
{
  width: 30%;
  display: inline-block;
  vertical-align: top;
  height: 2em;
  padding-top: 0.5em;
}
.post_item_button a
{
  text-decoration: none;
  font-weight: bolder;
  font-style: 3em;
  color: #5797d7;
  cursor: pointer;
}
.user_name
{
  color: #5797c7; 
  font-weight: bolder;
  font-size: 1.5em;
  text-decoration: none;
}
.ui-autocomplete
{
  position: absolute;
  background-color: white;
  width: 5em;
  cursor: pointer;
  border: 1px solid black;
  padding: 2px;
}
.ui-menu-item
{
  list-style-type: none;  
}
.ui-menu-item:hover
{
  background-color: #d0dae0;  
}
.ui-helper-hidden-accessible
{
  display: none;    
}
.Jbutton{
  color: #d9ddeb;
  background: -webkit-linear-gradient(rgb(96,119,138),black);
  background: -moz-linear-gradient(rgb(96,119,138),black);
  background: -o-linear-gradient(rgb(96,119,138),black);
  text-decoration: none;
  font-family: calibri;
  font-size: 1.1em;
  display: inline-block;

  padding: 0.5em;
  text-decoration: none;
  transition: opacity 1s;

  -moz-transition: opacity 1s; /* Firefox 4 */
  -webkit-transition: opacity 1s; /* Safari and Chrome */
  -o-transition: opacity 1s; /* Opera */

  border-radius: 0.4em;
  -moz-border-radius: 0.4em;
  -webkit-border-radius: 0.4em;
  -o-border-radius: 0.4em;

}
.errorMessage
{
  width: 100%;
  height: 0%;
  background: rgb(255,194,194);
  font-size: 1.5em;  
  transition: all 0.5s linear ;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease; 

}
.field
{
  display: inline-block;
  min-width: 10em;
  width: 40%;
}
.input
{
  color: #424242;
  height: 1.5em;
  background: #d0dae0;
  max-width: 19em;
}
.Jbutton:hover{
  opacity: 0.6;
  cursor: pointer;
}
.Jbutton:active{
  background: white;
}